<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>青岛市晨星实验学校</title>
		<meta name="keywords" content="Qingdao Experimental School" />
		<meta name="description" content="Qingdao Experimental School" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="${ctxPath}/static/portcss/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/style.css" type="text/css" />
        <link rel="stylesheet" href="${ctxPath}/static/portcss/online.css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/top.css" />

		<!-- 在此处有新的css插入 -->
		<link rel="stylesheet" href="${ctxPath}/static/portcss/jwx_newcss.css" />
		<link rel="stylesheet" type="text/css" href="${ctxPath}/static/portcss/zzsc.css" />
		<!-- 在此处有新的css插入 -->

		<script src="${ctxPath}/static/portjs/move.js"></script>
		<script src="${ctxPath}/static/portjs/jwx_newjs.js"></script>

		<link rel="stylesheet" href="${ctxPath}/static/portcss/bxslider.css" />
		<script type="text/javascript" src="${ctxPath}/static/portjs/jquery-1.10.2.min.js"></script>
		<script src="${ctxPath}/static/portjs/bootstrap.min.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/online.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/common.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/bxslider.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.bxslider').bxSlider({
					adaptiveHeight: true,
					infiniteLoop: true,
					hideControlOnEnd: true,
					auto: true,
					controls: false
				});
			});
		</script>
	</head>

	<body >
		<div class="top hidden-xs">
			<img class="jwx_topback" src="${ctxPath}/static/portusimg/backn.png"/>
			<div class="container">
				<div class="top-fl" style="margin-top:20px;">
					<a href="#"><img src="${ctxPath}/static/portimages/logo_new.png" class="logo" alt="青岛市晨星实验学校" /></a>
				</div>
				<div class="top-fr">
					<a href="childhtml/other/login/register/starlogin.html" style="font-weight:bold;" id="register">注册</a>
					<a class="head_text">&nbsp;|&nbsp;</a>
					<a href="childhtml/other/login/login/starlogin.html" style="font-weight:bold;" id="login">登录</a>
				</div>
				<div style="position: absolute;right:100px;top:80px;">
					<a style="color: white!important;font-weight:bold;margin-left: 420px;font-size: 14px;" href="#">>设为首页</a>&nbsp;&nbsp;
				    <a style="color: white!important;font-weight:bold;font-size: 14px;" href="#">>加入收藏</a>&nbsp;&nbsp;
				</div>
			</div>
		</div>
		<header class="header-frontend">
			<nav class="navbar navbar-default">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-nav-c">
							<li class="dropdown">
								<a href="#">学校概况</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
									<li>
										<a href="childhtml/school/school/about/starself.html">学校简介</a>
									</li>
									<li>
										<a href="childhtml/school/school/people/starimglist.html">领导班子</a>
									</li>
									<li>
										<a href="childhtml/school/school/honor/starself.html">学校荣誉</a>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#">教师频道</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
									<li>
										<a href="childhtml/teacher/teachtv/teacherpoeple/starimglist.html">教师风采</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachtv/red/starredlist.html">党工团园地</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachtv/law/starlist.html">制度文件</a>
									</li>
									<li>
										<a href="">健康之友</a>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#">德育园地</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
									<li>
										<a href="childhtml/teacher/teachlocal/booknice/starimglist.html">书香校园</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachlocal/our/starimglist.html">团队在线</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachlocal/act/starimglist.html">主题活动</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachlocal/under/starlist.html">国旗下讲话</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachlocal/andfa/starlist.html">家校共育</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachlocal/clear/starlist.html">卫生角</a>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#">教学之声</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
									<li>
										<a href="childhtml/teacher/teachvoice/act/starlist.html">教学动态</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachvoice/sci/starlist.html">教育科研</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachvoice/fro/starlist.html">校本培训</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachvoice/re/starlist.html">教学反思</a>
									</li>
									<li>
										<a href="childhtml/teacher/teachvoice/read/starlist.html">读书工程</a>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#">资源中心</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
									<li>
										<a href="childhtml/other/download/usu/starlist.html">常用软件</a>
									</li>
									<li>
										<a href="childhtml/other/download/video/starlist.html">视频资源</a>
									</li>
									<li>
										<a href="childhtml/other/download/talk/starlist.html">评估督导</a>
									</li>
									<li>
										<a href="childhtml/other/download/go/startalk.html">送教上门</a>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#">数字资源</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
									<li>
										<a href="http://www.cnki.net/">中国知网</a>
									</li>
									<li>
										<a href="childhtml/other/number/chi/starimglist.html">中文期刊</a>
									</li>
									<li>
										<a href="childhtml/other/number/num/starimglist.html">数字图书</a>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#">政务公开</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
									<li>
										<a href="childhtml/work/out/work/starlist.html">政务公开 </a>
									</li>
									<li>
										<a href="childhtml/work/out/school/starlist.html">校务公开</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="childhtml/work/red/red/starredlist.html">党建在线</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
								</ul>
							</li>
							<li>
								<a href="childhtml/student/in/in/starlist.html">招生政策</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
								</ul>
							</li>
							<li>
								<a href="childhtml/school/school/about/starself.html#footer">联系我们</a>
								<a href="#" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
								<ul class="dropdown-menu nav_small" role="menu">
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<!-- bxslider -->
		<div class="flash">
			<ul class="bxslider">
				<li>
					<a href="#"><img src="${ctxPath}/static/portimages/l1.jpg" alt="首页轮播图" /></a>
				</li>
				<li>
					<a href="#"><img src="${ctxPath}/static/portimages/l2.jpg" alt="首页轮播图" /></a>
				</li>
				<li>
					<a href="#"><img src="${ctxPath}/static/portimages/l3.jpg" alt="首页轮播图" /></a>
				</li>
				<li>
					<a href="#"><img src="${ctxPath}/static/portimages/l2.jpg" alt="首页轮播图" /></a>
				</li>
			</ul>
		</div>

		<div class="container mt">
			<div class="row">
				<div class="col-lg-9 col-xs-12">
					<!--关于我们-->
					<div class="row mt">
						<div class="col-lg-6 col-xs-12" style="width:50%;padding-right: 15px;padding-left: 15px;height:290px;">
							<div id="playimages" class="play">
							    <ul class="big_pic" id="jwxlistulimga">
							    	<div class="prev"></div>
							        <div class="next"></div>
							        
							        <a class="mark_left" href="javascript:;"></a>
							        <a class="mark_right" href="javascript:;"></a>
							       @for(item in imgs1){
                                    <li style="z-index:1;"><a href="/portal/details/1/${item.newsId}"><img src='${item.url}' /></a></li>
                                    @}
							    </ul>
							    <a id="jwxbigtothe" href="#"></a>

                                <input type="hidden" id="url1" value="${imgs1[0].newsId}" />
                                <input type="hidden" id="url2" value="${imgs1[1].newsId}" />
                                <input type="hidden" id="url3" value="${imgs1[2].newsId}" />
                                <input type="hidden" id="url4" value="${imgs1[3].newsId}" />
                                <input type="hidden" id="url5" value="${imgs1[4].newsId}" />
                                <input type="hidden" id="url6" value="${imgs1[5].newsId}" />


							    <script type="text/javascript">
                                    var objs = document.getElementById('jwxlistulimga').getElementsByTagName("li");
                                    var lunbo_herf_list = new Array();
                                    for(var i=0;i<objs.length;i++){
                                        var temp = objs[i].getElementsByTagName("a")
                                        lunbo_herf_list.push(temp[0].href)
                                    }
							    	
							    </script>
							    <div id="small_pic" class="small_pic">
							    	<ul style="width:400px;">
							        	<li style=" filter: alpha(opacity:100); opacity:1;"><img src="${ctxPath}/static/portimages/100.jpg" /></li>
							            <li><img src="${ctxPath}/static/portimages/200.jpg" /></li>
							            <li><img src="${ctxPath}/static/portimages/300.jpg" /></li>
							            <li><img src="${ctxPath}/static/portimages/400.jpg" /></li>
							            <li><img src="${ctxPath}/static/portimages/500.jpg" /></li>
							            <li><img src="${ctxPath}/static/portimages/600.jpg" /></li>
							        </ul>
							    </div>
							</div>
						</div>
						<div class="col-lg-6 col-xs-12">
							<div class="about">
								<div class="title">
									<img class="jwx-title-img" src="${ctxPath}/static/portusimg/iconn-6.png">
									<h2>校园动态</h2>
									<span></span>
									<a href="/portal/pages/${list1[0].model}/1" target="_blank">更多动态 >></a>
								</div>
								<div class="txtScroll-top">
									<div class="bd sobeauti2">
										<ul class="infoList">
                                            @for(item in list1){
											<li><span class="date">${item.createTime,"yyyy-MM-dd"}</span>
												<a href="/portal/details/${item.model}/${item.id}" target="_blank"><span>·&nbsp;[校园动态]&nbsp;&nbsp;</span>${item.newsTitle}</a>
											</li>
                                            @}
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

						<div class="col-lg-3 col-xs-12" style="padding-top:20px;margin:0px;width:355px;">
							<div class="about">
								<div class="title">
									<img class="jwx-title-img" src="${ctxPath}/static/portusimg/iconn-1.png">
									<h2>通知公告</h2><span></span>
									<a href="/portal/pages/${list2[0].model}/1">更多信息 >></a>
								</div>
								<div class="txtScroll-top">
									<div class="bd sobeauti2">
										<ul class="infoList">
                                            @for(item in list2){
											<li><span class="date">${item.createTime,"yyyy-MM-dd"}</span>
												<a href="/portal/details/${item.model}/${item.id}" target="_blank"><span>·&nbsp;[通知公告]&nbsp;&nbsp;</span>${item.newsTitle}</a>
											</li>
                                            @}
										</ul>
									</div>
								</div>
							</div>
						</div>

				<div class="col-lg-6 col-xs-12"  style="width:100%;height:10px;"></div>

				<img src="${ctxPath}/static/portimages/testbanner111.png" id="center_img" style="width:90%;margin-left: 5%;">

				<div class="col-lg-9 col-xs-12">
					<!--关于我们-->
					<div class="row mt">
							<div class="col-lg-6 col-xs-12">
									<div class="about">
										<div class="title">
											<img class="jwx-title-img" src="${ctxPath}/static/portusimg/iconn-5.png">
											<h2> 德育园地</h2><span></span>
											<a href="/portal/pages/${list3[0].model}/1">更多>></a>
										</div>
										<div style="margin-top: 20px;">
												<div class="flash1" style="margin-top: 5px;">
													<ul class="bxslider">
                                                        @for(item in imgs3){
														<li>
															<a href="/portal/details/6/${item.newsId}"><img src='${item.url}' alt="首页轮播图" /></a>
														</li>
														@}
													</ul>
												</div>
										</div>
										<div class="txtScroll-top">
											<div class="bd sobeauti2">
												<ul class="infoList">
                                                    @for(item in list3){
													<li><span class="date">${item.createTime,"yyyy-MM-dd"}</span>
														<a href="/portal/details/${item.model}/${item.id}" target="_blank"><span>·&nbsp;[德育园地]&nbsp;&nbsp;</span>${item.newsTitle}</a>
													</li>
													@}
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-6 col-xs-12">
									<div class="about">
										<div class="title">
											<img class="jwx-title-img" src="${ctxPath}/static/portusimg/iconn-8.png">
											<h2>教学之声</h2><span></span>
											<a href="/portal/pages/${list4[0].model}/1">更多>></a>
										</div>
										<div style="margin-top: 20px;">
												<div class="flash1" style="margin-top: 5px;">
													<ul class="bxslider">
                                                        @for(item in imgs4){
                                                        <li>
                                                            <a href="/portal/details/15/${item.newsId}"><img src='${item.url}' alt="首页轮播图" /></a>
                                                        </li>
                                                        @}
													</ul>
												</div>
										</div>
										<div class="txtScroll-top">
											<div class="bd sobeauti2">
												<ul class="infoList">
                                                    @for(item in list4){
                                                    <li><span class="date">${item.createTime,"yyyy-MM-dd"}</span>
                                                        <a href="/portal/details/${item.model}/${item.id}" target="_blank"><span>·&nbsp;[教学之声]&nbsp;&nbsp;</span>${item.newsTitle}</a>
                                                    </li>
                                                    @}
												</ul>
											</div>
										</div>
									</div>
								</div>
						
					</div>
					<!--关于我们-->
				</div>

				<div class="col-lg-3 col-xs-12">
					<div class="col-lg-12 col-xs-12" style="margin-top:20px;padding-left:0px;padding-right:0px;">
									<div class="about">
										<div class="title">
											<img class="jwx-title-img" src="${ctxPath}/static/portusimg/iconn-3.png">
											<h2>教师频道</h2><span></span>
											<a href="/portal/pages/${list5[0].model}/1">更多>></a>
										</div>
										<div style="margin-top: 20px;">
												<div class="flash1" style="margin-top: 5px;">
													<ul class="bxslider">
                                                        @for(item in imgs5){
                                                        <li>
                                                            <a href="/portal/details/23/${item.newsId}"><img src='${item.url}' alt="首页轮播图" /></a>
                                                        </li>
                                                        @}
													</ul>
												</div>
										</div>
										<div class="txtScroll-top">
											<div class="bd sobeauti2">
												<ul class="infoList">
                                                    @for(item in list5){
                                                    <li><span class="date">${item.createTime,"yyyy-MM-dd"}</span>
                                                        <a href="/portal/details/${item.model}/${item.id}" target="_blank"><span>·&nbsp;[教师频道]&nbsp;&nbsp;</span>${item.newsTitle}</a>
                                                    </li>
                                                    @}
												</ul>
											</div>
										</div>
									</div>
					</div>
				</div>
			</div>
		</div>

		<div class="container mt">
			<div class="row">
				<div class="newline col-xs-12">
					<div class="newline2 col-xs-12">
						<div class="slideBox" style="height: 150px;">
							<div class="tplj">
								<!-- nsy-library begin -->
								<div class="tplj_01">
									<a href="/portal/home/1"><img width="168" height="76" src="${ctxPath}/static/portimages/1.png"></a>
								</div>
								<div class="tplj_01">
									<a href="childhtml/work/out/school/starlist.html"><img width="168" height="76" src="${ctxPath}/static/portimages/3.png"></a>
								</div>
								<div class="tplj_01">
									<a href="childhtml/other/download/video/starlist.html"><img width="168" height="76" src="${ctxPath}/static/portimages/2.png"></a>
								</div>
								<div class="tplj_01">
									<a href="childhtml/teacher/teachlocal/under/starlist.html"><img width="168" height="76" src="${ctxPath}/static/portimages/4.png"></a>
								</div>
								<div class="tplj_01">
									<a href="childhtml/other/download/usu/starlist.html"><img width="168" height="76" src="${ctxPath}/static/portimages/zyzx.png"></a>
								</div>
								<div class="tplj_01 tplj_02">
									<a href="#"><img width="168" height="76" src="${ctxPath}/static/portimages/yqlj.png"></a>
								</div>
								<div class="fn-clear">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="container mt">
			<div class="row">
				<div class="newline col-xs-12">
					<div class="newline2 col-xs-12">
						<div class="about">
							<div id="centerline2">
								<img class="jwx-title-img2" src="${ctxPath}/static/portusimg/iconn-7.png">
								<h2 class="sobeauti1">&nbsp;&nbsp;校园掠影</h2>
							</div>
						</div>
						<div class="warp">
							<div class="show-box">
							    <div class="box-list" id="Marquee_x">
							      	<ul class="img-lists clearfix">
							        	<li>
							          		<img alt="" src="${ctxPath}/static/portimages/1.jpg" width="100%" />
							          		<a href="#" class="">校园掠影</a>
							        	</li>
							        	<li>
							          		<img alt="" src="${ctxPath}/static/portimages/2.jpg" width="100%" />
							          		<a href="#" class="">校园掠影</a>
							        	</li>
							        	<li>
							          		<img alt="" src="${ctxPath}/static/portimages/3.jpg" width="100%" />
							          		<a href="#" class="">校园掠影</a>
							        	</li>
							        	<li>
							          		<img alt="" src="${ctxPath}/static/portimages/2.jpg" width="100%" />
							          		<a href="#" class="">校园掠影</a>
							        	</li>
							        	<li>
							          		<img alt="" src="${ctxPath}/static/portimages/1.jpg" width="100%" />
							          		<a href="#" class="">校园掠影</a>
							        	</li>
							        	<li>
							          		<img alt="" src="${ctxPath}/static/portimages/3.jpg" width="100%" />
							          		<a href="#" class="">校园掠影</a>
							       	 	</li>
							        	<li>
							          		<img alt="" src="${ctxPath}/static/portimages/2.jpg" width="100%" />
							          		<a href="#" class="">校园掠影</a>
							        	</li>
								    </ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br>
		<div id="footer">
			<div style="position: absolute; display: none;right:10%;margin-top:-200px; z-index:3000;" id="wxImg">
				<img src="${ctxPath}/static/portimages/wechat1.png" />
				<img src="${ctxPath}/static/portimages/wechat2.png" />
				<img src="${ctxPath}/static/portimages/wechat3.png" />
			</div>

			<div class="copy  hidden-md hidden-xs ">					
				<div class="footer-div-ab" style="background:none!important;">
					<img src="${ctxPath}/static/portimages/logo_banner.png" class="footer-img">
				</div>
				<div class="footer-div-ab2">
					<a onmouseout="hideImg()" href="javascript:void(0)" onmouseover="showImg()">
						<img src="${ctxPath}/static/portusimg/111.png" class="goto-in2">
					</a>
					<img src="${ctxPath}/static/portusimg/112.png" class="goto-in2">
				</div>
				<div>
					<div class="footer-div" style="font-size:16px;" id = "nonofooter">
						青岛晨星实验学校<br>
						Qingdao Chenxing Experimental School<br>
						电话：xxxx-xxxxxxxx<br>
						邮箱：xxxxxxxxx{A!-!T}xxx.com<br>
					</div>
				</div>
			</div>
			<div class="copy  hidden-md hidden-xs" style="background:black!important;">
				<span>
					版权所有 © 青岛晨星实验学校 | Qingdao Chenxing Experimental School
				</span><img src="${ctxPath}/static/portusimg/blue.png" class="policeimg">
				ICP备案号：鲁ICP备字123456号-23&nbsp;&nbsp;&nbsp;&nbsp;
					<img src="${ctxPath}/static/portusimg/110.png" class="policeimg">
				鲁公网安备 37021202000030号
			</div>
		</div>
		<script type="text/javascript">
			jQuery(".txtScroll-top").slide({
				titCell: ".hd ul",
				mainCell: ".bd ul",
				autoPage: true,
				effect: "top",
				autoPlay: true,
				vis: 7
			});
			jQuery(".slideGroup .slideBox").slide({
				mainCell: "ul",
				vis: 6,
				prevCell: ".sPrev",
				nextCell: ".sNext",
				effect: "leftMarquee",
				interTime: 50,
				autoPlay: true,
				trigger: "click"
			});
		</script>

		<script type="text/javascript">
			$(function(){
			    $('#Marquee_x').kxbdMarquee({ 'direction':'left','isEqual':'true','loop':0 });
			});
			var changeBox = $(".change-box"),
			    imgBox = $(".img-box"),
			    changeBtn = $(".changebtn"),
			    banBtn = $(".banbtn"),
			    picBox = $('.pic-box li'),
			    picBoxPagenum = $('.pic-box-pagenum span'),
			    speed = 4000;
			// 定时器
			var timeout = setInterval(autorun,speed);
			// banner 滚动逻辑
			function run(index){
			      imgBox.removeClass('active').eq(index).addClass('active');
			      banBtn.removeClass('active').eq(index).addClass('active');
			      clearInterval(timeout);
			      timeout = setInterval(autorun,speed);
			}
			function autorun(){
			  var _indexDiv = changeBox.find('.active').index(),
			      _indexBtn = changeBtn.find('.active').index(),
			      _lenDiv = imgBox.length,
			      _lenBtn = banBtn.length,
			      autoindex = _indexDiv+1;
			  autoindex = autoindex > 2? 0 : autoindex;
			  imgBox.removeClass('active').eq(autoindex).addClass('active');
			  banBtn.removeClass('active').eq(autoindex).addClass('active');
			}
			// 点击切换
			banBtn.each(function(){
			  $(this).on("click",function(){
			    var index = banBtn.index();
			    run(index);
			  });
			});

			// 新闻区域图文切换
			picBoxPagenum.each(function(){
			  $(this).on('click',function(){
			    $(this).siblings('span').removeClass('act');
			    $(this).addClass('act');
			    var index = $(this).index();
			    $(this).parents('.news-pic').find('.pic-box li').removeClass('act');
			    $(this).parents('.news-pic').find('.pic-box li').eq(index).addClass('act');
			  });
			});

			(function($){
				$.fn.kxbdMarquee=function(options){
					var opts=$.extend({},$.fn.kxbdMarquee.defaults, options);

					return this.each(function(){
						var $marquee=$(this);				//滚动元素容器
						var _scrollObj=$marquee.get(0);		//滚动元素容器DOM
						var scrollW=$marquee.width();		//滚动元素容器的宽度
						var scrollH=$marquee.height();		//滚动元素容器的高度
						var $element=$marquee.children();	//滚动元素
						var $kids=$element.children();		//滚动子元素
						var scrollSize=0;					//滚动元素尺寸

						//滚动类型，1左右，0上下
						var _type=(opts.direction=="left"||opts.direction=="right") ? 1:0;

						//防止滚动子元素比滚动元素宽而取不到实际滚动子元素宽度
						$element.css(_type?"width":"height",10000);

						//获取滚动元素的尺寸
						if(opts.isEqual){
							scrollSize=232*$kids.length;
						}else{
							$kids.each(function(){
								scrollSize+=$(this)[_type?"outerWidth":"outerHeight"]();
							});
						};

						//滚动元素总尺寸小于容器尺寸，不滚动
						if(scrollSize<(_type?scrollW:scrollH)){return;}; 

						//克隆滚动子元素将其插入到滚动元素后，并设定滚动元素宽度
						$element.append($kids.clone()).css(_type?"width":"height",scrollSize*2.2);

						var numMoved=0;
						function scrollFunc(){
							var _dir=(opts.direction=="left"||opts.direction=="right") ? "scrollLeft":"scrollTop";
							if (opts.loop>0) {
								numMoved+=opts.scrollAmount;
								if(numMoved>scrollSize*opts.loop){
									_scrollObj[_dir]=0;
									return clearInterval(moveId);
								};
							};

							if(opts.direction=="left"||opts.direction=="up"){
								var newPos=_scrollObj[_dir]+opts.scrollAmount;
								if(newPos>=scrollSize){
									newPos-=scrollSize;
								}
								_scrollObj[_dir]=newPos;
							}else{
								var newPos=_scrollObj[_dir]-opts.scrollAmount;
								if(newPos<=0){
									newPos += scrollSize;
								};
								_scrollObj[_dir]=newPos;
							};
						};

						//滚动开始
						var moveId=setInterval(scrollFunc, opts.scrollDelay);

						//鼠标划过停止滚动
						$marquee.hover(function(){
							clearInterval(moveId);
						},function(){
							clearInterval(moveId);
							moveId=setInterval(scrollFunc, opts.scrollDelay);
						});
					});
				};

				$.fn.kxbdMarquee.defaults={
					isEqual:true,		//所有滚动的元素长宽是否相等,true,false
					loop: 0,			//循环滚动次数，0时无限
					direction: "left",	//滚动方向，"left","right","up","down"
					scrollAmount:1,		//步长
					scrollDelay:20		//时长

				};

				$.fn.kxbdMarquee.setDefaults=function(settings) {
					$.extend( $.fn.kxbdMarquee.defaults, settings );
				};
			})(jQuery);
		</script>
	</body>
</html>